<template>
  <view class="box">
    <view class="top">
      <span class="top-text">欢迎来到债帮帮</span>
      <span class="bottom-text">初次见面，您的债务需求是？</span>
    </view>
    <view class="mid">
      帮助我们更好地为您提供服务
    </view>
    <view class="top-button button" @click="bymyself">
      <view class="button-text" >自己解决</view>
    </view>
    <view class="bottom-button button" @click="byothers">
      <view class="button-text" >帮我解决</view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const bymyself = () => {
  uni.navigateTo({
    url:'/pages/information/information'
  })
}

const byothers = () => {
  uni.navigateTo({
    url:'/pages/help-me/help-me'
  })
}


</script>

<style lang="scss" scoped>

.box {
  position: relative;
  width: 375px;
  height: 812px;
  background: #fffaec;

  .top {
    position: absolute;
    top: 90px;
    left: 28px;
    width: 320px;
    height: 42px;
    // align-items: center;
    text-align: center;
    font-size: 20px;
    // font-family: Inter, Inter-700;
    font-weight: 700;
    text-align: CENTER;
    color: #4a4848;
    line-height: 23px;

    .top-text {
      display: block;
      padding-bottom: 15px;
    }

    .bottom-text {
      // padding-top: 60px;
    }
  }

  .mid {
    position: absolute;
    top: 169px;
    left: 98px;
    width: 180px;
    height: 17px;
    // background: #949090;
    font-size: 13px;
    font-family: Inter, Inter-400;
    font-weight: 400;
    text-align: LEFT;
    color: #949090;
    line-height: 15px;
  }

  .button {
    width: 266px;
    height: 91px;
    background: #efbe2d;
    border-radius: 30px;
    box-shadow: 0px 11px 19.1px 0px #ece7d8, 0px -8px 8.9px 0px #d5a412 inset; 
  }

  .top-button {
    position: relative;
    top: 233px;
    left: 57px;
  }

  .bottom-button {
    position: relative;
    top: 258px;
    left: 57px;
  }
  .button-text {
    position: absolute;
    width: 147px;
    height: 43px;
    left: 73px;
    top: 22px;
    font-size: 32px;
    font-weight: 500;
    text-align: LEFT;
    color: #fdf4f4;
    line-height: 38px;
    text-shadow: 0px 11px 19.1px 0px #ece7d8, 0px -8px 8.9px 0px #d5a412 inset; 
  }
}


</style>